<%-- 
    Document   : login
    Created on : Jul 13, 2014, 1:31:44 AM
    Author     : Ku81
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/bootstrap-theme.min.css"/>
        <title>Registration Page</title>
    </head>
    <body>
        <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" language="javascript">
            function checkPassWord(){
               // var pass = document.getElementById("password").valueOf();
              //  var retypepass = document.getElementById("retypePassword").valueOf();
                //if(pass == retypepass){
                 //   alert("Da dung pass !!!!!");
              /      
               // }
               // else
               // { alert("xac nhan dung pass !!!!!");
                //  retypepass="";}
            }
        </script>
        <!--Containner-->
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2" style="padding-top: 50px;">
                    <div class="panel panel-info">
                        <div class="panel-heading" style="text-align: center; font-size: 22px">Login</div>
                    <div class="panel-body">
                      
                        <!--FORM-->
                        <form class="form-horizontal" method="post" action="registration">
                            <div class="form-group">
                                <label for="email" class="col-sm-3 control-label">Email</label>
                                <div class="col-sm-9">
                                    <input type="email" name="email" class="form-control" id="email" placeholder="Email" required="true">
                                </div>
                              </div>
                              <div class="form-group">
                                <label for="username" class="col-sm-3 control-label">Username</label>
                                <div class="col-sm-9">
                                    <input type="text" name="username" class="form-control" id="username" placeholder="Username" required="true">
                                </div>
                              </div>
                              <div class="form-group">
                                <label for="password"  class="col-sm-3 control-label">Password</label>
                                <div class="col-sm-9">
                                    <input type="password" name="password" class="form-control" id="password" placeholder="Password" required="true">
                                </div>
                              </div>
                              <div class="form-group">
                                <label for="retypePassword" class="col-sm-3 control-label">Re-type Password</label>
                                <div class="col-sm-9">
                                    <input type="password" class="form-control" id="retypePassword" placeholder="Re-type Password" required="true" name="retypePassword">
                                </div>
                              </div>

                           <div class="form-group">
                                <label for="fullname" class="col-sm-3 control-label">Fullname</label>
                                <div class="col-sm-9">
                                    <input type="text" name="fullname" class="form-control" id="fullname" placeholder="Fullname" required="true">
                                </div>
                              </div>
                              <div class="form-group">
                                <label for="gender" class="col-sm-3 control-label">Gender</label>
                                <div class="col-sm-9">
                                    <select class="form-control" name="gender">
                                        <option value="0">Male</option>
                                        <option value="1">Female</option>
                                    </select>
                                </div>
                              </div>
                              <div class="form-group">
                                <label for="dayOfBirth" class="col-sm-3 control-label">Birthday</label>
                                <div class="col-sm-9">
                                    <input type="date" name="DOB" class="form-control" id="dayOfBirth" placeholder="Day of birth" required="true">
                                </div>
                              </div>
                              <div class="form-group">
                                <label for="tel" class="col-sm-3 control-label">Tel</label>
                                <div class="col-sm-9">
                                    <input type="tel" name="tel" class="form-control" id="tel" placeholder="Tel">
                                </div>
                              </div>
                              <div class="form-group">
                                <label for="address"  class="col-sm-3 control-label">Address</label>
                                <div class="col-sm-9">
                                    <input type="text" name="address" class="form-control" id="address" placeholder="Address">
                                </div>
                              </div>

                            <div class="form-group">
                                <div class="col-sm-offset-3 col-sm-9">
                                    <button type="submit" class="btn btn-info" onclick="checkPassWord();">Sign in</button>
                                  <button type="reset" class="btn btn-default">Reset</button>
                                </div>
                            </div> 

                      </form>
                      <!--FORM-->
                        
                    </div>
                </div>
                </div>
            </div>
        </div>
        <!--Containner-->
    </body>
</html>
